<template>
  <div class="simple-header">
    <i class="iconfont bee-back" @click="back"></i>
    <div class="simple-header-title">{{ title }}</div>
    <i class="iconfont bee-more"></i>
  </div>
</template>

<script>
export default {
  name: 'SimpleHeader',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  methods: {
    back() {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="less" scoped>
@import '../common/style/mixin.less';
.simple-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  .fj();
  .wh(100%, 44px);
  line-height: 44px;
  padding: 0 10px;
  color: #252525;
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  .bee-back {
    font-size: 0.64rem;
  }
  .simple-header-title {
    font-size: 14px;
  }
}
</style>
